<!DOCTYPE html>
<html>
  <head>
      {% load static %}
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>精品店</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="robots" content="all,follow">
    <script src="{% static  '/js/jquery-3.4.1.min.js'%}"></script>
         <link rel="stylesheet" href={% static '/css/reset.css'%}>
    <link rel="stylesheet" href={% static '/css/mygxin.css'%}>

<!--     gLightbox gallery-->
    <link rel="stylesheet" href="{% static '/vendor/glightbox/css/glightbox.min.css'%}">
    <!-- Range slider-->
    <link rel="stylesheet" href="{% static '/vendor/nouislider/nouislider.min.css'%}">
    <!-- Choices CSS-->
    <link rel="stylesheet" href="{% static '/vendor/choices.js/public/assets/styles/choices.min.css'%}">
    <!-- Swiper slider-->
    <link rel="stylesheet" href="{% static '/vendor/swiper/swiper-bundle.min.css'%}">
    <!-- Google fonts-->
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@300;400;700&amp;display=swap">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Martel+Sans:wght@300;400;800&amp;display=swap">
    <!-- theme stylesheet-->
    <link rel="stylesheet" href="{% static '/css/style.default.css' %}" id="theme-stylesheet">
    <!-- Custom stylesheet - for your changes-->
    <link rel="stylesheet" href="{% static '/css/custom.css'%}">


    <!-- Favicon-->
{#    <link rel="shortcut icon" href="../static/img/favicon.png">#}

      {% block header %}

      {% endblock %}
  </head>
  <body style="background-color: white">
    <div class="page-holder">
      <!-- navbar-->
      <header class="header bg-white">
        <div class="container px-lg-3">
          <nav class="navbar navbar-expand-lg navbar-light py-3 px-lg-0">
              <a class="navbar-brand" href="index.html"><span class="fw-bold text-uppercase text-dark">精品相机商城</span></a>
            <button class="navbar-toggler navbar-toggler-end" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
            <div class="collapse navbar-collapse" id="navbarSupportedContent">
              <ul class="navbar-nav me-auto">
                <li class="nav-item">
                  <!-- Link--><a class="nav-link active" href="/">主页</a>
                </li>
                <li class="nav-item">
                  <!-- Link--><a class="nav-link" href="/shop/">店铺商品</a>
                </li>
                <li class="nav-item">
{#                  <!-- Link--><a class="nav-link" href="detail.html">商品详情</a>#}
                </li>
{#                  下拉菜单#}

{#                  ！搜索框！#}
          <form class="d-flex" role="search" action="/search/" method="post">
              {% csrf_token %}
            <input class="form-control me-2" type="search" name="key" placeholder="搜索" aria-label="Search">
            <button class="btn btn-outline-success" type="submit">Search</button>
          </form>
{#                  !搜索框!#}
              </ul>
              <ul class="navbar-nav ms-auto">
              <li class="nav-item"><a class="nav-link" href="/admin/"> <i class="fas fa-user me-1 text-gray fw-normal"></i>后台管理</a></li>
                <li class="nav-item"><a class="nav-link"style="padding-top: 6px;font-size: medium;" href="/cart/"> <i class="fas fa-dolly-flatbed me-1 text-gray"></i>购物车<small class="text-gray fw-normal">{{ num }}</small></a></li>
                {% if user == None %}
                  <li class="nav-item"><a class="nav-link" href="/user/login/"> <i class="fas fa-user me-1 text-gray fw-normal"></i>登录/注册</a></li>
                    {% else %}
                    <li class="nav-item dropdown"><a class="nav-link dropdown-toggle" id="pagesDropdown" href="#" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">{{ user.name }}</a>
                  <div class="dropdown-menu mt-3 shadow-sm" aria-labelledby="pagesDropdown"><a class="dropdown-item border-0 transition-link" href="/user/usercenter/">个人中心</a><a class="dropdown-item border-0 transition-link" href="/user/myorder/">订单管理</a><a class="dropdown-item border-0 transition-link" href="/user/login/">切换账号</a><a class="dropdown-item border-0 transition-link" href="/user/logout/">退出登录</a></div>
                </li>
                {% endif %}
              </ul>
            </div>
          </nav>
        </div>
      </header>

        {% block content %}
        {% endblock %}


        <footer class="bg-dark text-white">
        <div class="container py-4">
          <div class="row py-5">
            <div class="col-md-4 mb-3 mb-md-0">
              <h6 class="text-uppercase mb-3">客户服务</h6>
              <ul class="list-unstyled mb-0">
                <li><a class="footer-link" href="#!">帮助与联系我们</a></li>
                <li><a class="footer-link" href="#!">退货与退款</a></li>
                <li><a class="footer-link" href="#!">网上商店</a></li>
                <li><a class="footer-link" href="#!">条款与条件</a></li>
              </ul>
            </div>
            <div class="col-md-4 mb-3 mb-md-0">
              <h6 class="text-uppercase mb-3">公司</h6>
              <ul class="list-unstyled mb-0">
                <li><a class="footer-link" href="#!">我们做什么</a></li>
                <li><a class="footer-link" href="#!">可用服务</a></li>
                <li><a class="footer-link" href="#!">最新帖子</a></li>
                <li><a class="footer-link" href="#!">常见问题解答</a></li>
              </ul>
            </div>
            <div class="col-md-4">
              <h6 class="text-uppercase mb-3">社会化媒体</h6>
              <ul class="list-unstyled mb-0">
                <li><a class="footer-link" href="#!">推特</a></li>
                <li><a class="footer-link" href="#!">一款图片分享应用</a></li>
                <li><a class="footer-link" href="#!">微博客</a></li>
                <li><a class="footer-link" href="#!">照片分享网站</a></li>
              </ul>
            </div>
          </div>
          <div class="border-top pt-4" style="border-color: #1d1d1d !important">
            <div class="row">
              <div class="col-md-6 text-center text-md-start">

              </div>
              <div class="col-md-6 text-center text-md-end">

              </div>
            </div>
          </div>
        </div>
      </footer>
    </div>


      <!-- JavaScript files-->
      <script src="{% static '/vendor/bootstrap/js/bootstrap.bundle.min.js'%}"></script>
      <script src="{% static '/vendor/glightbox/js/glightbox.min.js'%}"></script>
      <script src="{% static '/vendor/nouislider/nouislider.min.js'%}"></script>
      <script src="{% static '/vendor/swiper/swiper-bundle.min.js'%}"></script>
      <script src="{% static  '/vendor/bootstrap/js/bootstrap.bundle.js' %}"></script>
      <script src="{% static '/vendor/choices.js/public/assets/scripts/choices.min.js' %}"></script>
      <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
{% block footer %}
    {% endblock %}


  </body>
</html>